<template>
  <div id="app">
    <DigitalScroll :origin="0" :target="10000" :step="1" :isTh="true" :duration="10" />
    <div style="width:500px">
      <!-- <EchartsMap/> -->
      <Map v-if="se == 1" />
      <ProvinceMap v-if="se !=1" :province="se"/>
    </div>
    <el-select @change="change" v-model="se">
      <el-option :label="'全国'" :value="1"></el-option>
      <el-option :label="'山东'" :value="'shandong'"></el-option>
      <el-option :label="'安徽'" :value="'anhui'"></el-option>
    </el-select>
  </div>
</template>

<script>
import DigitalScroll from "@/components/DigitalScroll/index.vue"
import EchartsMap from "@/components/EchartsMap/index.vue"
import Map from "@/components/map/index.vue"
import ProvinceMap from "@/components/map/province.vue"

export default {
  name: 'App',
  components: {
    DigitalScroll,
    EchartsMap,
    Map,
    ProvinceMap
  },
  data() {
    return {
      se: 1
    }
  },
  methods: {
    change(e) {
      console.log(e);
      this.se = e

    }
  }
}
</script>
<style>
#app {
  background: url("./assets/bg.png") no-repeat center;
  background-size: 100% auto;
}
</style>